<template>
	<view>
		<!-- 导航栏 -->
		<view class="nav">
			我要装修
		</view>
		<!-- 跳转 -->
		<button type="primary" @click="goUser">页面主操作 Normal</button>
		<!-- 父传子 / 子传父 -->
		<p>父组件接收到子组件的内容{{username}}</p>
		<son-vue :msg="msg" @sonChange="goChange"></son-vue>
		
		<!-- 预处理器 -->
		<!-- #ifndef H5 -->
			<button type="warn" disabled="true">警告类操作 Disabled</button>
		<!-- #endif -->
		
		<!-- #ifndef MP-WEIXIN -->
			<button type="primary">页面主操作 Normal</button>
		<!-- #endif -->
		
		
	</view>
</template>

<script>
import sonVue from '../../components/son/son.vue';
	export default {
		components:{
			sonVue
		},
		data() {
			return {
				msg:'123456',
				username:''
			}
		},
		methods: {
			goUser(){
				uni.navigateTo({
					url: '/pages/user/user?id=1&name=456',
					
				});
			},
			goChange(msg){
				this.username= msg
			}
		}
	}
</script>

<style lang="scss">
.nav{
	font-size: 26rpx;
	text-align: center;
	margin: auto;
	width: 100%;
	height: 70rpx;
	line-height: 70rpx;
	/* #ifdef H5 */
	background-color: pink;
	/* #endif */
	/* #ifdef MP-WEIXIN */
	background-color: orange;
	/* #endif */
}
</style>
